/* 滚动条 */
::-webkit-scrollbar {
  width: 4px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  border-radius: 8px;
  background: linear-gradient(
    #00ffff 15%,
    #1fabed 20%,
    #0000ff 40%,
    #6e2ce8 50%,
    #8e45e8 70%,
    #caf245 100%
  );
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: rgba($color: #fff, $alpha: 0.5);
  border-radius: 5px;
  transition: background-color 0.4s ease-in-out;
}

/* 鼠标悬浮在滑块上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba($color: #bbb, $alpha: 0.8);
}